﻿
layui.use(function () {
    var $ = layui.$;
    var layer = layui.layer;
    var util = layui.util;
    var form = layui.form;
    var table = layui.table;

    var token = localStorage.getItem("token");

    //显示仓库下拉框
    $.ajax({
        url: '/Foundation/GetWare',
        type: "get",
        data: {
            Token: token
        },
        success: function (res) {

            // data 是从服务器返回的供应商列表
            var d = JSON.parse(res);
            console.log(d);
            var suppliers = d.data;

            var select = '<option value="">请选择仓库</option>';
            // 循环遍历供应商数据并填充下拉框
            suppliers.forEach(function (item) {
                console.log(item);
                select += '<option value="' + item.warehouseId + '">' + item.warehouseName + '</option>';
            });
            console.log(select);
            $('#WarehouseId').html(select);
            form.render('select');
        }
    })



    //显示表格
    function Getprocurement(pageNum) {
        var dto = {
            Token: token,
            Pindex: 1,
            Psize: 10,
            ProductsCode: $("#ProductsCode").val(),
            ProductsName: $("#ProductsName").val(),
            WarehouseId: $("#WarehouseId").val(),
        };
        // 发送Ajax请求
        $.ajax({
            url: '/BeginFinal/GetBeginFinalList',  // 这里填上你的后端接口地址
            type: 'get',
            data: dto,
            success: function (response) {
                var res = JSON.parse(response);
                console.log(res);
                if (res != null) {
                    // 渲染表格
                    table.render({
                        elem: '#ID-table',
                        cols: [[
                            { type: 'checkbox', fixed: 'left' },
                            { field: 'productsCode', title: '日期', width: 150 },
                            { field: 'productsCode', title: '产品编号', width: 150 },
                            { field: 'productsName', title: '产品名称', width: 200 },
                            { field: 'specs', title: '产品规格', width: 200 },
                            { field: 'productTypeID', title: '类别', width: 200 },
                            { field: 'storageUnits', title: '存储单位', width: 200 },
                            { field: 'warehouseName', title: '仓库', width: 200 },
                            { field: 'result', title: '期初', width: 200 },
                            { field: 'quantity', title: '入库', width: 200 },
                            { field: 'outProuductNum', title: '出库', width: 200 },
                            {
                                field: '',
                                title: '期末',
                                width: 200,
                                templet: function (d) {
                                    return '<span>' + (d.result + d.quantity - d.outProuductNum) +'</span>'
                                }
                            },
                        ]],
                        data: res.data.list,  // 数据源
                        page: true,   // 启用分页
                        limit: 10,    // 每页显示多少条数据
                        limits: [10, 20, 30],  // 分页选择项
                        curr: pageNum,  // 当前页
                        total: res.data.lcount,  // 总记录数
                        loading: true, // 启用加载状态
                        toolbar: "#toolbarDemo",
                        defaultToolbar: ['exports']
                    });

                    // 渲染分页控件
                    var totalPages = Math.ceil(res.lcount / 10);  // 计算总页数
                    layui.laypage.render({
                        elem: 'pagination',
                        count: res.lcount,  // 总记录数
                        limit: 10,
                        curr: pageNum,
                        jump: function (obj, first) {
                            if (!first) {
                                Getprocurement(obj.curr);  // 不为第一次调用时，重新渲染表格
                            }
                        }
                    });
                }
            },
        });
    }

    // 初次加载表格数据
    Getprocurement(1);

    // 查询按钮点击事件
    $('#searchBtn').click(function () {
        Getprocurement(1);  // 重置为第一页，并重新加载数据
    });






});